﻿<!doctype html>
<html>
  <head>
    <title>Hello World</title>
	<script type="text/javascript" src="../libs/jquery.min.js"></script>
	<link rel="stylesheet" href="css/img.css" />
	<style>
		*,body{padding:0;margin:0;}
		.container{width:600px;height:500px;background:#FFF;position:relative; overflow:hidden;}
		#logo{height:80px; background:#2A74EE;text-align:center;border-bottom:5px solid #EAEEF5;}
		#logo img{margin:20px auto;}
		.menu{width:150px;height:410px;float:left;border-right:5px solid #EAEEF5;padding-top:5px;}
		.main{width:444px;height:415px;float:left;}
		iframe{width:100%;height:100%;}
		.menu li{list-style:none;padding-left:5px;}
		.menu span{
			color: #000;
			height: 22px;
			line-height: 22px;
			text-decoration: none;
			cursor: pointer;
			font-size:16px;
		}
		.menu span:hover{
			text-decoration:underline;
		}
		.menu .select{
		    background: #D9E8FB;
			border: 1px solid #B5CBEC;
			line-height: 22px;
		}
	</style>
  </head>
  <body>
  <div class="container">
	<div class="logo" id="logo">
		<img src="../img/logo.png">
	</div>
	<!--左侧菜单 开始-->
	<div class="menu">
		<ul>
			<li>
				<span class="icon icon-leaf "></span>
				<span class="menu-item select" href="Contract.html">当前合同</span>
			</li>
		</ul>
	</div>
	<!--左侧菜单 结束-->
	<div class="main">
		<iframe id="mainFrame" src="Contract.html" frameborder="no" border="0" marginwidth="0" marginheight="0"></iframe>
	</div>
	<script src="popup.js"></script>
  </div>
  </body>
</html>